<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="content-language" content="vi">
    <title>VietSEOPro</title>
    <meta name="description" content="bat dong san tphcm, Bất Động Sản TP.HCM">
    <meta name="keywords" content="bat dong san tphcm, Bất Động Sản TP.HCM">
    <meta name="title" content="bat dong san tphcm, Bất Động Sản TP.HCM">
    <meta http-equiv="Expires" content="0">
    <link href="css/styles.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/tooltipster.css" />
    <link href="css/shCore.css" rel="stylesheet" type="text/css" />
    <link href="css/shThemeDefault.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="css/demo.css" type="text/css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/flexslider.css" />
    <link rel="Stylesheet" href="css/evoslider/css/evoslider.css" type="text/css" />
    <link rel="Stylesheet" href="css/evoslider/css/demo1/demo.min.css" type="text/css" />
    <link rel="stylesheet" href="css/jquery.clearable.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/jquery.tooltip/jquery.tooltip.css" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.8.0.min.js"></script>
    <script>
		var j2 = jQuery.noConflict();
		var j3 = jQuery.noConflict();
		var j4 = jQuery.noConflict();
		var j5 = jQuery.noConflict();
		var j6 = jQuery.noConflict();
		var j7 = jQuery.noConflict();
	</script>
    <script type="text/javascript" src="js/jquery.tooltipster.min.js"></script>
    <script src="js/carousel/modernizr.js"></script>
    <script src="js/carousel/jquery.flexslider.js"></script>
    <script src="fancybox/jquery.mousewheel-3.0.4.pack.js" type="text/javascript"></script>
    <script src="fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript" src="js/jquery.tools.min.js"></script>
    <script type="text/javascript" src="js/jquery.evoslider-1.0.0.min.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>
    <script type="text/javascript" src="js/jquery.clearable.js"></script>
    <script type="text/javascript" src="js/jquery.tooltip.js"></script>
    <script>
        j2(document).ready(function() {
            j2('.tooltip').tooltipster({
				animation: 'fade',				// Default: fade
				arrow: true,				// Default: true
				arrowColor: '',				// Default: tooltip's background color
				delay: 200, 				// Default: 200
				//fixedWidth: 600,				// Default: 0
				followMouse: true, 				// Default: false
				offsetX: 0,					// Default: 0
				offsetY: 0,					// Default: 0
				overrideText: '',				// Default: ''
				position: 'top-right', 			// Default: top
				speed: 500, 				// Default: 100
				timer: 1000,				// Default: 0
				//overrideText: 'VietSEOPro' 
				//tooltipTheme: '.my-custom-theme'		// Default: '.tooltip-message'
			});
        });
		// Can also be used with $(document).ready()
		j3(window).load(function() {
		  j3('.flexslider').flexslider({
			animation: "slide",
			animationLoop: true,
			itemWidth: 210,
			itemMargin: 5,
			minItems: 2,
			maxItems: 4
		  });
		});
		
		j4(document).ready(function() {			
		
		j4('#show-hide-suport-show').click(function(){
			if (document.getElementById('hidden_sp').className == "ct-suport is_hide")
			{
				j4('.is_hide').animate({bottom:"20px"},1100);
				j4('.ct-suport').removeClass('is_hide');
			}
			else
			{
				j4('.ct-suport').animate({bottom:"-240px"},1100)
				j4('.ct-suport').addClass('is_hide');
			}
		})
		j4('#show-hide-suport').click(function(){
		j4('.ct-suport').animate({bottom:"-240px"},1100)
		j4('.ct-suport').addClass('is_hide');
		//-240px
		});
		j4('#show-hide-suport').click();
		}); 
		j5(document).ready(function(){	
			j5("#demo5Slider").evoSlider({
				mode:"slider",
				width:730,
				height:365,
				slideSpace:5,
				paddingRight:0,
				titleClockWiseRotation:false,
				hideCurrentTitle:false,
				startIndex:0,showIndex:true,
				mouse:true,
				keyboard:true,
				speed:500,
				easing:"swing",
				loop:true,
				lazyLoad:false,
				autoplay:true,interval:5000,
				pauseOnHover:true,
				pauseOnClick:true,
				showPlayButton:false,
				playButtonAutoHide:false,
				toggleIcon:true,
				directionNav:false,
				directionNavAutoHide:false,
				showDirectionText:false,
				nextText:"Next",
				prevText:"Prev",
				controlNav:true,
				controlNavMode:"rotator",
				controlNavVertical:true,
				controlNavPosition:"outside",
				controlNavVerticalAlign:"right",
				controlSpace:5,
				controlNavAutoHide:false,
				showRotatorTitles:true,
				showRotatorThumbs:true,
				rotatorThumbsAlign:"left",
				classBtnNext:"evo_next",
				classBtnPrev:"evo_prev",
				classExtLink:"evo_link",
				permalink:false,
				autoHideText:false,
				outerText:false,
				outerTextPosition:"right",
				outerTextSpace:5,
				linkTarget:"_blank",
				before:function(){},
				after:function(){}});
			
			});
		j6(document).ready(function() {
			j6('.clearable').clearable()
		});
		j7(document).ready(function(){
        j7("div.item").tooltip();
      });
    </script>
    </head>
    <body>
<div id="footer-container">
      <div class="footer">
    <h1> VietSEOPro</h1>
    <h2> VietSEOPro</h2>
    <p style="text-align: justify; "> Nơi hội họp những con người c&oacute; T&agrave;i - Tầm - T&acirc;m, nơi gắn kết mọi người lại với nhau. Nơi trao đổi, học tập, thực h&agrave;nh, kinh doanh lĩnh vực Internet Marketing, c&ugrave;ng nhau ph&aacute;t triển kỹ năng, ho&agrave;n thiện bản th&acirc;n. Cơ hội cho tất cả mọi người, những ai c&oacute; mong muốn thay đổi cuộc sống...</p>
    <p class="copy-right"><a href="http://www.vietseopro.com" target="_blank"><img src="images/logo-small.png" width="108" height="40" alt="VietSEOPro" title="VietSEOPro" /></a> &copy;2012 |
          <?
    	require_once 'class/alexa.class.php';
        $AlexaRank = new AlexaRank('vietseopro.com');
        echo ' Rank: ' .number_format($AlexaRank->get('rank'));
    ?>
        </p>
  </div>
    </div>
<!--End #footer-->
<div id="container">
      <div class="content-container">
    <div class="main-content">
          <div id="featured">
        <div id="demo5Slider" class="evoslider default"> <!-- start evo slider -->
              
              <dl>
            <dt>When Day And Dream Unite</dt>
            <dd data-src="images/slider/image01.jpg" data-text="overlay" 
	                    data-thumb="images/thumb2/image01.jpg">
                  <div class="evoText"> <a href="#" target="_blank">
                    <h3>When Day And Dream Unite</h3>
                    <p> CONSE ADIPISICING ELIT, SED DO EIUSMOD </p>
                    </a> </div>
                </dd>
            <dt>When Day And Dream Unite</dt>
            <dd data-src="images/slider/image02.jpg" data-text="overlay" 
	                    data-thumb="images/thumb2/image02.jpg">
                  <div class="evoText"> <a href="#" target="_blank">
                    <h3>When Day And Dream Unite</h3>
                    <p> CONSE ADIPISICING ELIT, SED DO EIUSMOD </p>
                    </a> </div>
                </dd>
            <dt>When Day And Dream Unite</dt>
            <dd data-src="images/slider/image03.jpg" data-text="overlay" 
	                    data-thumb="images/thumb2/image03.jpg">
                  <div class="evoText"> <a href="#" target="_blank">
                    <h3>When Day And Dream Unite</h3>
                    <p> CONSE ADIPISICING ELIT, SED DO EIUSMOD </p>
                    </a> </div>
                </dd>
            <dt>When Day And Dream Unite</dt>
            <dd data-src="images/slider/image04.jpg" data-text="overlay" 
	                    data-thumb="images/thumb2/image04.jpg">
                  <div class="evoText"> <a href="#" target="_blank">
                    <h3>When Day And Dream Unite</h3>
                    <p> CONSE ADIPISICING ELIT, SED DO EIUSMOD </p>
                    </a> </div>
                </dd>
            <dt>When Day And Dream Unite</dt>
            <dd data-src="images/slider/image05.jpg" data-text="overlay" 
	                    data-thumb="images/thumb2/image05.jpg">
                  <div class="evoText"> <a href="#" target="_blank">
                    <h3>When Day And Dream Unite</h3>
                    <p> CONSE ADIPISICING ELIT, SED DO EIUSMOD </p>
                    </a> </div>
                </dd>
          </dl>
            </div>
        <!-- end evo slider --> 
        
        <br />
      </div>
          <h2>Welcome to the world's #1 website templates provider!</h2>
          <div class="shaded-main">
        <hr>
      </div>
          <div class="main">
        <div class="template-main">
              <ul>
            <li>
                  <div class="item"> <img src="images/template-dog.png" width="225"/>
                <div class="tooltip_description" style="display:none" title="Item 1 Description"> <img src="images/template-dog.png" width="300" height="300"/> </div>
              </div>
                  <div class="short-template">
                <h3><a href="#">Template chó con</a></h3>
                <a href="#" class="tooltip" title="<div class='toolstip-chitiet'>Chi tiết của template<br/><b>VSP</b> - 001<br/><b>Loại:</b> Quà Tặng<br/><b>Phong cách:</b> Teen<br/><b>Khuyến Mãi:</b> giảm 20%</div>"> <span class="ms"><b>VSP</b> - 001</span> <span class="loai"><b>Loại:</b> Quà Tặng</span> <span class="pc"><b>Phong cách:</b> Teen</span> <span class="code">5.900.000 đ</span> </a>
                <div class="btn-mua"><a href="">Mua</a></div>
              </div>
                </li>
            <li> 
            	 <div class="item"> <img src="images/template-02.png" width="225"/>
                <div class="tooltip_description" style="display:none" title="Item 1 Description"> <img src="images/template-02.png" width="300" height="300"/> </div>
              </div>
                  <div class="short-template">
                <h3><a href="#">Template chó con</a></h3>
                <a href="#" class="tooltip" title="<div class='toolstip-chitiet'>Chi tiết của template<br/><b>VSP</b> - 001<br/><b>Loại:</b> Quà Tặng<br/><b>Phong cách:</b> Teen<br/><b>Khuyến Mãi:</b> giảm 20%</div>"> <span class="ms"><b>VSP</b> - 001</span> <span class="loai"><b>Loại:</b> Quà Tặng</span> <span class="pc"><b>Phong cách:</b> Teen</span> <span class="code">5.900.000 đ</span> </a>
                <div class="btn-mua"><a href="">Mua</a></div>
              </div>
                </li>
            <li>
                  <div class="item"> <img src="images/template-dog.png" width="225"/>
                <div class="tooltip_description" style="display:none" title="Item 1 Description"> <img src="images/template-dog.png" width="300" height="300"/> </div>
              </div>
                  <div class="short-template">
                <h3><a href="#">Template chó con</a></h3>
                <a href="#" class="tooltip" title="<div class='toolstip-chitiet'>Chi tiết của template<br/><b>VSP</b> - 001<br/><b>Loại:</b> Quà Tặng<br/><b>Phong cách:</b> Teen<br/><b>Khuyến Mãi:</b> giảm 20%</div>"> <span class="ms"><b>VSP</b> - 001</span> <span class="loai"><b>Loại:</b> Quà Tặng</span> <span class="pc"><b>Phong cách:</b> Teen</span> <span class="code">5.900.000 đ</span> </a>
                <div class="btn-mua"><a href="">Mua</a></div>
              </div>
                </li>
            <li> 
            	 <div class="item"> <img src="images/template-02.png" width="225"/>
                <div class="tooltip_description" style="display:none" title="Item 1 Description"> <img src="images/template-02.png" width="300" height="300"/> </div>
              </div>
                  <div class="short-template">
                <h3><a href="#">Template chó con</a></h3>
                <a href="#" class="tooltip" title="<div class='toolstip-chitiet'>Chi tiết của template<br/><b>VSP</b> - 001<br/><b>Loại:</b> Quà Tặng<br/><b>Phong cách:</b> Teen<br/><b>Khuyến Mãi:</b> giảm 20%</div>"> <span class="ms"><b>VSP</b> - 001</span> <span class="loai"><b>Loại:</b> Quà Tặng</span> <span class="pc"><b>Phong cách:</b> Teen</span> <span class="code">5.900.000 đ</span> </a>
                <div class="btn-mua"><a href="">Mua</a></div>
              </div>
                </li>
                <li>
                  <div class="item"> <img src="images/template-dog.png" width="225"/>
                <div class="tooltip_description" style="display:none" title="Item 1 Description"> <img src="images/template-dog.png" width="300" height="300"/> </div>
              </div>
                  <div class="short-template">
                <h3><a href="#">Template chó con</a></h3>
                <a href="#" class="tooltip" title="<div class='toolstip-chitiet'>Chi tiết của template<br/><b>VSP</b> - 001<br/><b>Loại:</b> Quà Tặng<br/><b>Phong cách:</b> Teen<br/><b>Khuyến Mãi:</b> giảm 20%</div>"> <span class="ms"><b>VSP</b> - 001</span> <span class="loai"><b>Loại:</b> Quà Tặng</span> <span class="pc"><b>Phong cách:</b> Teen</span> <span class="code">5.900.000 đ</span> </a>
                <div class="btn-mua"><a href="">Mua</a></div>
              </div>
                </li>
            <li> 
            	 <div class="item"> <img src="images/template-02.png" width="225"/>
                <div class="tooltip_description" style="display:none" title="Item 1 Description"> <img src="images/template-02.png" width="300" height="300"/> </div>
              </div>
                  <div class="short-template">
                <h3><a href="#">Template chó con</a></h3>
                <a href="#" class="tooltip" title="<div class='toolstip-chitiet'>Chi tiết của template<br/><b>VSP</b> - 001<br/><b>Loại:</b> Quà Tặng<br/><b>Phong cách:</b> Teen<br/><b>Khuyến Mãi:</b> giảm 20%</div>"> <span class="ms"><b>VSP</b> - 001</span> <span class="loai"><b>Loại:</b> Quà Tặng</span> <span class="pc"><b>Phong cách:</b> Teen</span> <span class="code">5.900.000 đ</span> </a>
                <div class="btn-mua"><a href="">Mua</a></div>
              </div>
                </li>
                <li>
                  <div class="item"> <img src="images/template-dog.png" width="225"/>
                <div class="tooltip_description" style="display:none" title="Item 1 Description"> <img src="images/template-dog.png" width="300" height="300"/> </div>
              </div>
                  <div class="short-template">
                <h3><a href="#">Template chó con</a></h3>
                <a href="#" class="tooltip" title="<div class='toolstip-chitiet'>Chi tiết của template<br/><b>VSP</b> - 001<br/><b>Loại:</b> Quà Tặng<br/><b>Phong cách:</b> Teen<br/><b>Khuyến Mãi:</b> giảm 20%</div>"> <span class="ms"><b>VSP</b> - 001</span> <span class="loai"><b>Loại:</b> Quà Tặng</span> <span class="pc"><b>Phong cách:</b> Teen</span> <span class="code">5.900.000 đ</span> </a>
                <div class="btn-mua"><a href="">Mua</a></div>
              </div>
                </li>
            <li> 
            	 <div class="item"> <img src="images/template-02.png" width="225"/>
                <div class="tooltip_description" style="display:none" title="Item 1 Description"> <img src="images/template-02.png" width="300" height="300"/> </div>
              </div>
                  <div class="short-template">
                <h3><a href="#">Template chó con</a></h3>
                <a href="#" class="tooltip" title="<div class='toolstip-chitiet'>Chi tiết của template<br/><b>VSP</b> - 001<br/><b>Loại:</b> Quà Tặng<br/><b>Phong cách:</b> Teen<br/><b>Khuyến Mãi:</b> giảm 20%</div>"> <span class="ms"><b>VSP</b> - 001</span> <span class="loai"><b>Loại:</b> Quà Tặng</span> <span class="pc"><b>Phong cách:</b> Teen</span> <span class="code">5.900.000 đ</span> </a>
                <div class="btn-mua"><a href="">Mua</a></div>
              </div>
                </li>
          </ul>
            </div>
        <div class="clear"></div>
        <div class="design-ask">
              <div class="tkyc"><a href="">
                <h2>Thiết kế websites theo yêu cầu</h2>
                </a></div>
              <div class="ask-content"> <span>We strive to know more about the needs of our customers to satisfy your needs with our products completely! With this wish box we would like to build a new communication channel. Let us know what you need and... </span>
            <form method="post" action="#">
                  <div class="row-left">
                <div class="row">
                      <label style="width:110px;">Loại Template:</label>
                      <select>
                    <option>Nhà đất</option>
                    <option>Bán hàng</option>
                    <option>Tin tức</option>
                    <option>Doanh nghiệp</option>
                    <option>Blog</option>
                  </select>
                      <label style="width:50px">Hoặc:</label>
                      <input type="text" class="clearable style1" size="10">
                    </div>
                <div class="row">
                      <textarea rows="10" cols="50">Ghi Chú</textarea>
                    </div>
              </div>
                  <div class="row-right">
                <div class="row">
                      <p style="color:#999999; font-style:italic">Vài link website bạn muốn chúng tôi tham khảo</p>
                      <div class="row">
                    <label>Link 1:</label>
                    <input type="text" class="clearable style1" size="30">
                  </div>
                      <div class="row">
                    <label>Link 2:</label>
                    <input type="text" class="clearable style1" size="30">
                  </div>
                      <div class="row"> Màu sắc <img src="images/bg_color.png" width="243" height="23" /></div>
                      <div class="row">
                    <label>
                    Họ tên:
                    <p class="batbuoc">*</p>
                    </label>
                    <input type="text" class="clearable style1" size="30">
                  </div>
                      <div class="row">
                    <label>
                    Điện thoại:
                    <p class="batbuoc">*</p>
                    </label>
                    <input type="text" class="clearable style1" size="30">
                  </div>
                      <div class="row">
                    <label>
                    Email:
                    <p class="batbuoc">*</p>
                    </label>
                    <input type="text" class="clearable style1" size="30">
                  </div>
                      <div class="row">
                    <input type="button" value="Gửi yêu cầu" class="btn_submit">
                  </div>
                    </div>
              </div>
                </form>
          </div>
            </div>
      </div>
        </div>
    <div class="goi-thiet-ke">
          <h2>CÁC GÓI THIẾT KẾ</h2>
          <ul>
        <li><a href="#"><img src="images/template-ban-hang.png" height="120" /></a></li>
        <li><a href="#"><img src="images/template-blog.png" height="120" /></a></li>
        <li><a href="#"><img src="images/template-dich-vu.png" height="120" /></a></li>
        <li><a href="#"><img src="images/template-teen.png" height="120" /></a></li>
      </ul>
        </div>
  </div>
      <div class="flex-slider">
    <h2>ĐỐI TÁC</h2>
    <div class="flexslider carousel">
          <ul class="slides">
        <li> <img src="images/01.jpg" /> </li>
        <li> <img src="images/02.jpg" /> </li>
        <li> <img src="images/03.jpg" /> </li>
        <li> <img src="images/04.jpg" /> </li>
        <li> <img src="images/01.jpg" /> </li>
        <li> <img src="images/02.jpg" /> </li>
        <li> <img src="images/03.jpg" /> </li>
        <li> <img src="images/04.jpg" /> </li>
        <li> <img src="images/01.jpg" /> </li>
        <li> <img src="images/02.jpg" /> </li>
        <li> <img src="images/03.jpg" /> </li>
        <li> <img src="images/04.jpg" /> </li>
      </ul>
        </div>
  </div>
      <!--End #content--> 
      <div class="menu-footer">
   	  <img src="images/menu_footer.png" width="980" height="275" /></div>
    </div>
<!--End #container-->
<div class="header-container">
      <div id="header">
    <div class="header wrap">
          <div class="header-top">
        <div class="header-menu">
              <ul>
            <li class="first h-home"><a href="#"><span>Trang chủ</span></a></li>
            <li class="h-info"><a href="#"><span>Giới thiệu</span></a></li>
            <li class="h-contact"><a href="#"><span>Liên hệ</span></a></li>
          </ul>
            </div>
        <div class="header-login">
              <ul>
            <li class="first h-cart"><a href="#"><span>Giỏ hàng</span></a></li>
            <li class="h-signin"><a href="#"><span>Đăng nhập</span></a></li>
            <li class="h-signup"><a href="#"><span>Đăng ký</span></a></li>
          </ul>
            </div>
      </div>
          <div class="header-banner">
        <div class="floatleft"><img src="images/logo.png"  height="144" /></div>
        <div class="floatright"><img src="images/banner-template.png"  height="144" /></div>
      </div>
        </div>
  </div>
      <div class="menu-main">
    <div id="menu-c">
          <div class="menu wrap">
        <ul>
              <li class="first active"><a href="#">
                <h1>Template Bán Hàng</h1>
                </a></li>
              <li><a href="#">
                <h1>Template Blog</h1>
                </a></li>
              <li><a href="#">
                <h1>Template Teen</h1>
                </a></li>
              <li><a href="#">
                <h1>Template Video</h1>
                </a></li>
            </ul>
      </div>
          <div class="shaded wrap">&nbsp;</div>
        </div>
  </div>
    </div>
<!--End #header-->
<div class="support-onl">
      <div class="ct-suport" id="hidden_sp">
    <p style="color:#900; width:175px; font-weight:bold; text-align:left; padding-left:40px; padding-top:10px;">HỖ TRỢ KHÁCH HÀNG </p>
    <img src="images/fancy_close.png" id="show-hide-suport" class="img-suport">
    <p style="width:200px; text-align:center; font-size:10px; margin-left:15px; margin-top:15px;"> Mọi thắc mắc đừng ngần ngại liên hệ với chúng tôi để được giải đáp </p>
    <p style="text-align:left; width:200px; margin-left:5px; margin-top:10px;"> <span style="float:left; text-align:center; margin-right:5px; margin-left:15px; font-size:11px;"> <strong>098 464 0246</strong><br>
      Mr Kam<br>
      <a href="ymsgr:sendim?kamnhattuan" mce_href="ymsgr:sendim?kamnhattuan" border="0"><img src="http://opi.yahoo.com/online?u=kamnhattuan&t=1" mce_src="http://opi.yahoo.com/online?u=kamnhattuan&t=1"></a></span> <span style="float:right; text-align:center; font-size:11px;"> <strong>0909 017 052</strong><br>
      Mr Phong<br>
      <a href="ymsgr:sendim?thieugiatiengiang" mce_href="ymsgr:sendim?thieugiatiengiang" border="0"><img src="http://opi.yahoo.com/online?u=thieugiatiengiang&t=1" mce_src="http://opi.yahoo.com/online?u=thieugiatiengiang&t=1"></a></span> </p>
    <p style="color:#900; font-weight:bold; font-size:10px; text-align:center; margin-top:10px;">Email: support@vietseopro.com</p>
  </div>
      <img id="show-hide-suport-show" class="img-bottom" src="images/hotrokh_blue.png" style="float:right;"> </div>
<script type="text/javascript" src="js/carousel/shCore.js"></script> 
<script type="text/javascript" src="js/carousel/shBrushXml.js"></script> 
<script type="text/javascript" src="js/carousel/shBrushJScript.js"></script> 
<!-- Optional FlexSlider Additions --> 
<script src="js/carousel/jquery.easing.js"></script> 
<script src="js/carousel/jquery.mousewheel.js"></script>
</body>
</html>
